<!DOCTYPE html
        PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <meta name="generator" content="Jarvis 3.0.0"/>
    <meta name="author" content="Jarvis Team"/>
    <meta name="copyright" content="2020-2026 Jarvis Inc."/>


    <meta name="subdir" content="/"/>

    <meta name="Keywords" content="宣和艺网">
    <meta name="description" content="宣和艺网"/>
    <title>宣和艺网-共享艺术服务平台</title>
    <!-- PAGEICO -->
    <!-- PAGBGSOUND -->
    <link rel="stylesheet" type="text/css" name="public_css" th:href="@{/css/public.css}"/>

    <link rel="stylesheet" type="text/css" name="page_theme_css" th:href="@{/css/page_1279620398.css}"/>

    <link rel="stylesheet" type="text/css" name="current_page_css" th:href="@{/css/pps_0.css}"/>

    <SCRIPT LANGUAGE="JavaScript" th:href="@{/js/jquery-1.5.2.min.js}"></SCRIPT>
    <script language="JavaScript" th:href="@{/js/common.js}"></script>
    <script language="JavaScript" th:href="@{/js/form.js}"></script>
    <SCRIPT LANGUAGE="JavaScript" th:href="@{/js/jquery.corner.js}"></SCRIPT>


    <script language="JavaScript" th:href="@{/js/bas.js}"></script>
    <script th:href="@{/js/bas_replace_class.js}" language="JavaScript"></script>
    <script type="text/javascript" th:src="@{/js/baiduhm.js}" ></script>

</head>

<body>
<!-- PUBLICHEAD -->
<!-- PUBLICAPPHEAD --><!--begin layout (6) -->
<div class="theme_layoutbox_1400635180">
    <table align="center" border=0 cellSpacing=0 cellPadding=0 class="theme_layout_1400635180">
        <tr>
            <td colspan="1" rowspan="1" width="100%" align="left" valign="top">
                <!--begin block 5-->
                <dl class='theme_block_1231159117 theme_block_5'>
                    <dd class='theme_body_1231159117 theme_body_5'>
                        <div class="vt_b">
                            <div class="vt_bf">
                                <div class="vt_fd">
                                    <div class="vt_fc">

                                        <!--                                        <a href="#" target="_self">简体</a>-->
                                        <!--                                        <a target="_self">繁体</a>-->

                                    </div>
                                </div>
                                <div class="vt_fa bgm"><a target="_self" href="/">宣和艺网</a></div>
                                <!--div id="vt_denglu">


        </div-->

                            </div>

                        </div>

                        <div><a target="_blank" href="">宣和艺网<span>[surnwo.com]</span></a></div>
                    </dd>
                </dl>

                <!--end block 5--><!-- FRAME6-1-1 -->
            </td>
        </tr>
    </table>
</div>
<!--顶部 start-->
<div class="theme_layoutbox_1208765579">
    <table align="center" border=0 cellSpacing=0 cellPadding=0 class="theme_layout_1208765579">
        <tr>
            <td colspan="1" rowspan="1" width="320" align="left" valign="top">

                <!--网站logo start-->
                <dl class='theme_block_1231159117 theme_block_6' th:style="'width:auto;height:'+${systemConfig.HeaderLogoHeight}+'px'">
                    <dd class='theme_body_1231159117 theme_body_6'>
                        <ul class="i06 bgm" style="position: relative">
                            <img th:src="${systemConfig.HeaderLogo}" th:style="'width:1180px;height:'+${systemConfig.HeaderLogoHeight}+'px'">
                            <div  th:style="'position: absolute;top: 0px;width:1180px;height:'+${systemConfig.HeaderLogoHeight}+'px'" th:utext="${systemConfig.HeaderLogoText}"></div>
                            <a target="_self" class="logo" href="/">宣和艺网</a>
                        </ul>
                    </dd>
                </dl>
                <!--网站logo end-->


            </td>

        </tr>
    </table>
</div>
<!--顶部 end-->
<div class="theme_layoutbox_1400635216">
    <table align="center" border=0 cellSpacing=0 cellPadding=0 class="theme_layout_1400635216">
        <tr>
            <td colspan="1" rowspan="1" width="100%" align="left" valign="top">
                <!--begin block 10-->
                <dl class='theme_block_1231159117 theme_block_10'>
                    <dd class='theme_body_1231159117 theme_body_10'>
                        <style>
                            .hidden_img img {
                                display: none !important;
                            }

                            .hidden_img p {
                                margin-top: 0px;
                                font-size: 12px !important;
                                color: #a0a0a0 !important;
                            }

                            .hidden_img p .i08c a span {
                                margin-top: 0px;
                                font-size: 12px !important;
                                color: #a0a0a0 !important;
                            }

                            .i10s_a {
                                float: left;
                                width: 275px;
                                height: 35px;
                                padding: 5px 10px;
                                overflow: hidden;
                            }

                            .i10s_a input {
                                width: 275px;
                                height: 35px;
                                overflow: hidden;
                                line-height: 35px;
                                background: none;
                                border: none;
                                margin: 0px;
                                padding: 0px;
                                font-size: 14px;
                                color: #6b6b6b;
                            }

                            .i10s_b {
                                float: left;
                                width: 50px;
                                height: 45px;
                                overflow: hidden;
                            }

                            .i10s_b input {
                                width: 50px;
                                height: 45px;
                                overflow: hidden;
                                background: none;
                                border: none;
                                margin: 0px;
                                padding: 0px;
                                text-indent: -999px;
                                cursor: pointer;
                            }
                        </style>
                        <ul class="i10" id="sydh">
                            <li th:each="menu,index:${menus}"  th:class="${menu.isActice == 1}? ' w_new ' : ' div_jia w_old '">
                                <a th:href="${menu.content}" target="_self" class=" n_old ">[[ ${menu.name} ]]</a>
                            </li>
                            <li style="border: none;width: 300px;float: right">
                                <div style="border: 1px solid #ccc;height: 32px">
                                    <form style=" margin:0px; padding:0px; " target="_self" action="/search">
                                        <div style="float: left">
                                            <select class="header_select_box" name="type"
                                                    style="height: 32px;background: transparent;font-size: 14px;padding-left: 8px;color: #999;">
                                                <option value="1">艺术家</option>
                                                <option value="2">艺术品</option>
                                                <option value="3">艺术机构</option>
                                                <option selected="selected" value="4">文章资讯</option>
                                            </select>
                                        </div>

                                        <div style="float: left">
                                            <input name="name" style="height: 30px;border: none;background: transparent">
                                        </div>
                                        <div style="float: left">
                                            <input type="submit" value=""
                                                   style="width: 38px;height: 32px;background: transparent;border: none;background: url('../images/search.png');background-size: 23px;
    background-repeat: no-repeat;
    background-position: center;">
                                        </div>
                                    </form>
                                </div>


                            </li>


                        </ul>
                    </dd>
                </dl>

                <!--end block 10--><!-- FRAME9-1-1 -->
            </td>
        </tr>
    </table>
</div>
<!--轮播 start-->
<div style="clear: both"></div>
<style>
    @media screen and (min-width: 1900px) {
        .swiper-img {
            width: 100%;
            height: 368px;
        }
        .swiper-img img{
            width: 1180px;
            height: 368px;
        }
    }
    @media screen and (min-width: 1180px) and (max-width: 1900px) {
        .swiper-img {
            /*width: 1365px;*/
            /*height: 427px;*/
            width: 1180px;
            height: 368px;
        }
        .swiper-img img {
            /*width: 1365px;*/
            /*height: 427px;*/
            width: 1180px;
            height: 368px;
        }
        .theme_layoutbox_1400635216{
            width: 1180px;
        }
    }

    @media screen and (max-width: 1180px) {
        .swiper-img {
            width: 1365px;
            height: 427px;
        }
        .swiper-img img {
            width: 1365px;
            height: 427px;
        }
        .theme_layoutbox_1400635216{
            width: 1180px !important;;
        }
    }

</style>
<div class="swiper-img" style="transform: translate(-50%, 0);position: relative; left: 50%;overflow-x: hidden;margin-top: 15px;">


    <link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
    <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>

    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide" th:each="banner:${banners}">
                <a th:href="${banner.jumpIndex}" target="_blank" style="overflow: hidden">
                <img th:src="${banner.url}">
                </a>
            </div>

        </div>

    </div>

    <script>
        const swiper = new Swiper('.swiper-container', {
            loop: true,         // 无限循环
            autoplay: {         // 自动播放
                delay: 6000,
            },
            navigation: {       // 导航按钮
                nextEl: '.swiper-button-next',
                prevEl: '.swiper-button-prev',
            },
        });
    </script>


</div>
<!--轮播 end-->
<!--正文 start-->
<div class="theme_layoutbox_1208765579 page-content">
    <table align="center" border=0 cellSpacing=0 cellPadding=0 class="theme_layout_1208765579">



        <tr></tr>
        <td colspan="3" rowspan="1" width="1180" align="left" valign="top">
            <!--begin block 14-->
            <style>
                .n41{
                    margin-left: 10px;
                    margin-top: 10px;
                    width: 1158px;
                }
                .n41a{
                    width: 1112px;
                }
                .n41_r{
                    width: 800px;
                    height: 285px;
                }
                .n41_l{
                    width: 280px;
                    height: 280px;
                }
                .n41c{
                    width: 280px;
                    height: 280px;
                }
                .n41d{
                    height: 138px;
                }
                .n41d div{
                    height: 138px;
                }
            </style>
            <dl class='theme_block_1231159117 theme_block_20' style="background: #fff;border: none;height: auto;">
                <dd class='theme_body_1231159117 theme_body_20'>
                    <ul class="n41" id="wzlb">
                        <ol class="n41a div_jia w_old" th:each="eventExhibition:${eventExhibitions}" style="height: 285px;">
                            <ul class="n41_l">
                                <li class="n41c tbimg">
                                    <table>
                                        <tr>
                                            <td>
                                                <a th:href="@{/event(id=${eventExhibition.id})}">
                                                    <img
                                                            th:src="${eventExhibition.url}"
                                                            style="width: 100%;height: 100%;max-width: 250px;max-height: 250px">
                                                </a>
                                            </td>
                                        </tr>
                                    </table>
                                </li>
                            </ul>

                            <ul class="n41_r">
                                <li class="n31b n_old">
                                    <a  th:href="@{/event(id=${eventExhibition.id})}">[[ ${eventExhibition.name} ]]</a>  <span th:if="${eventExhibition.isOver==1}" style="color: red">已结束</span>
                                </li>
                                <li class="n41d ">
                                    <div class="jinfo"><a th:href="@{/event(id=${eventExhibition.id})}">
                                        [[ ${eventExhibition.content} ]]
                                        <span style="color: #b68036;">[详细+]</span></a>
                                    </div>
                                </li>
                                <li class="n31e">举办单位： <a th:href="@{/depart(id=${eventExhibition.did})}" target="_blank"  style="margin-right: 10px;color: #b68036;">[[ ${ eventExhibition.departName } ]]</a>
                                </li>
                                <li class="n31e">参展艺术家： <a th:each="artist:${eventExhibition.list}" th:href="@{/artist(id=${artist.id})}" target="_blank"  style="margin-right: 10px;color: #b68036;">[[ ${ artist.name } ]]</a></li>
                                <li class="n31e">活动地址： [[ ${eventExhibition.address} ]]</li>
                                <li class="n31e">活动时间：[[ ${#temporals.format(eventExhibition.startTime, 'yyyy-MM-dd')} ]] 至 [[ ${#temporals.format(eventExhibition.endTime, 'yyyy-MM-dd')} ]]</li>
                            </ul>
                            <div class="clear"></div>
                        </ol>


                    </ul>

                    <style>
                        .disabled{
                            pointer-events:none
                        }
                        .fl{
                            float: left;
                            font-size: 16px;
                            margin-right: 10px;
                            border: 1px solid #ccc;
                            padding: 5px 10px;
                        }
                    </style>
                    <div th:if="${totalPages > 1}" style="display: flex; justify-content: center; align-items: center;padding: 0px 30px;margin-bottom: 11px;height: 39px;text-align: center;">
                        <nav aria-label="Page navigation">
                            <ul class="pagination">
                                <li th:class="${currentPage == 1}? 'disabled fl':'fl'">
                                    <a th:href="@{/depart/page/}+${departId}+@{/}+${sectionId}+@{/}+${currentPage-1}" aria-label="Previous">
                                        <span aria-hidden="true">上一页</span>
                                    </a>
                                </li>
                                <li th:each="page:${pages}" th:class="${currentPage == page}? 'active fl':'fl'">
                                    <a th:href="@{/depart/page/}+${departId}+@{/}+${sectionId}+@{/}+${page}" th:text="${page}"></a>
                                </li>


                                <li th:class="${currentPage == totalPages }? 'disabled fl':'fl'">
                                    <a th:href="@{/depart/page/}+${departId}+@{/}+${sectionId}+@{/}+${currentPage+1}" aria-label="Next">
                                        <span aria-hidden="true">下一页</span>
                                    </a>
                                </li>
                            </ul>
                        </nav>
                    </div>



                    </ul>
                </dd>
            </dl>

            <!--end block 14--><!-- FRAME5-2-1 -->
        </td>
        </tr>



    </table>
</div>
<!--正文 end-->
<div class="theme_layoutbox_1400835584">
    <table align="center" border=0 cellSpacing=0 cellPadding=0 class="theme_layout_1400835584">
        <tr>
            <td colspan="1" rowspan="1" width="100%" align="left" valign="top">
                <!--begin block 12-->
                <dl class='theme_block_1231159117 theme_block_12'>
                    <dd class='theme_body_1231159117 theme_body_12'>
                        <ul class="i12t">
                            <li style="background-color:#ed4b3c;"></li>
                            <li style="background-color:#41bef4;"></li>
                            <li style="background-color:#b68036;"></li>
                            <li style="background-color:#459b9a;"></li>
                            <li style="background-color:#ffa904;"></li>
                        </ul>

                        <ul class="i12">
                            <span>站点地图：</span>
                            <a href="/" target="_blank">宣和艺网首页</a>
                            <a href="/depart/list" target="_blank">艺术机构</a>
                            <a href="/search?type=1" target="_blank">艺术名家</a>
                            <a href="/search?type=2" target="_blank">艺术展览</a>
                            <a href="/search?type=4" target="_blank">文章资讯</a>



                        </ul>


                    </dd>
                </dl>

                <!--end block 12--><!-- FRAME10-1-1 -->
            </td>
        </tr>
    </table>
</div>
<!--end layout (10) -->
<!--begin layout (11) -->
<div class="theme_layoutbox_1400835667">
    <table align="center" border=0 cellSpacing=0 cellPadding=0 class="theme_layout_1400835667">
        <tr>
            <td colspan="1" rowspan="1" width="100%" align="left" valign="top">
                <!--begin block 11-->
                <dl class='theme_block_1231159117 theme_block_11'>
                    <dd class='theme_body_1231159117 theme_body_11'>
                        <ul class="i11">
                            <li><a href="/" target="_blank">中山端航科技版权所有，请勿转载 Copyright © Surnwo Art-Grid
                                All Rights
                                Reserved
                            </a>
                            </li>
                            <li>
                                <span></span><span></span><span></span><span></span><a
                                    href=""
                                    target="_blank"></a><span></span><span>技术支持:</span><a
                                    href="http://surnwo.com/"
                                    target="_blank">中山端航科技<span></span></a><a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">粤ICP备2023141016号-5 </a>
                            </li>
                        </ul>


                    </dd>
                </dl>

                <!--end block 11--><!-- FRAME11-1-1 -->
            </td>
        </tr>
    </table>
</div>
<!--end layout (11) -->
<!-- PUBLICAPPFOOT -->
<!-- PUBLICFOOT -->
</body>

</html>
